<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, target-densitydpi=medium-dpi">
<link rel="stylesheet" type="text/css" href="../css/common.css" />
<link rel="stylesheet" type="text/css" href="glog.css" />
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script src="../js/jindo.desktop.min.ns.js"></script>
<script src="../js/jindo_mobile_component_min.js"></script>
<script>
$(function(){
	//기분설정
	$('#emoSel').change(function(){
		var num = $("#emoSel option:selected").index()+1;
		$(this).prevAll('.emotion').removeClass().addClass('emotion emo'+num);
	});
	//터치이벤트설정 
	var elBody = document.body;
	var sEvtName = 'touchmove';
	var htInfo = jindo.m.getDeviceInfo();
	if(htInfo.android && htInfo.version == '2.1'){
		sEvtName = 'touchstart';
	}
	
	
	
	var obj = $('.itemList');
	var oTouch = new jindo.m.Touch('itemList');
	oTouch.attach({
		'hScroll' : function(oCustomEvt){
			alert(dd);
			$('#itemList').find('.fnLayer').show();
		}
	});
});
</script>
<title>OAASYS2.0-MOBILE</title>
</head>
<body>
<div data-role="page" class="news">
    <div class="header skyblue">
    	<a href="javascript:void(0);" class="headBtn leftBtn"><i class="ico_hBtn1"></i></a>
    	<h1><a href="javascript:void(0);" class="headText">뉴스피드</a></h1>
    	<a href="javascript:void(0);" class="headBtn rightBtn"><i class="ico_hBtn2"></i></a>
    </div>
    <div class="container" id="sView">
        <div>
            <div class="profileArea">
            	<div class="coverBg"><img src="img/sample_bg2.jpg" alt="" width="100%" height="auto" class="cover"></div>
                <p class="namePlace">김태희 <span class="idText">designer</span></p>
                <div class="emoPlace">
                    <i class="emotion emo1"></i>
                    <i class="openBtn" style="display:none"></i>
                    <select class="emoSel" id="emoSel" data-role="none" style="display:none">
                        <option>Happy</option>
                        <option>Joyful</option>
                        <option>Relaxed</option>
                        <option>Sorrow</option>
                        <option>Gloomy</option>
                        <option>Angry</option>
                    </select>
                </div>
                <div class="thumbPlace">
                	<img src="img/icon_medal_big.png" alt="" class="medal">
                	<span class="imgWrapper"><img src="img/sample_me.gif" alt="" class="thumb" ></span>
                </div>
                <div class="infoPlace">
                	<p class="departText"><i class="ico_top"></i>홍보/마케팅/광고</p>
                	<p class="markNum"><i class="ico_top"></i>1273</p>
                </div>
                <div class="tabPlace">
                	<a href="javascript:void(0);" class="followText">Follow</a><a href="javascript:void(0);"><i class="ico_top"></i></a>
                </div>
            </div>
            <div class="tabMenu">
                <ul class="tabBlue tab3">
                    <li class="tabList tabOn"><a href="javascript:void(0);" class="tabText">관심글</a></li>
                    <li class="tabList"><a href="javascript:void(0);" class="tabText">My스토리</a></li>
                    <li class="tabList"><a href="javascript:void(0);" class="tabText">스크랩</a></li>
                </ul>
            </div>
            <div class="sortArea">
            	<a href="javascript:void(0);" class="sortText sortOn"><i class="sortIcon time"></i>최신</a>
                <span class="barText">|</span>
            	<a href="javascript:void(0);" class="sortText"><i class="sortIcon useful"></i>유용해요</a>
            </div>
            <ul class="itemArea">
            	<li id="itemList" class="itemList">
                	<a href="javascript:void(0);" class="thumbLink"><span class="imgWrapper"><img src="img/sample_thumb1.gif" alt="" class="thumb"></span></a>
                    <div class="itemContent">
                    	<p class="nameLoc">
                        	<span class="authorText">서동현</span><span class="barText">|</span><span class="category">직장인 창업 노하우</span>
                            <span class="regidate">17:57:20</span>
                        </p>
                        <a href="javascript:void(0);" class="titleLoc">창업을 꿈꾸는 자들이 꼭 읽어야 할 "THE LEAN" 입니다.</a>
                        <p class="contentLoc">원문: <a href="javascript:void(0);" class="contentLink">http://onlinebiz.kr/archives/531</a> 창업아이디어가 있다면, 여러분이 필요한 것은 그 아이디어를 실행시키는 것...<a href="javascript:void(0);" class="moreLink">더보기</a></p>
                        <p class="picLoc" style="display:none"></p>
                        <p class="tagLoc"><strong>창업노하우</strong>, 직장생활</p>
                        <p class="infoLoc">
                        	<a href="javascript:void(0);" class="infoText"><i class="ico_item reply"></i>댓글</a>
                            <span class="barText">|</span>
                            <a href="javascript:void(0);" class="infoText"><i class="ico_item useful"></i>유용해요<span class="infoNum">5</span></a>
                            <span class="barText">|</span>
                            <span class="infoText">스크랩<span class="infoNum">5</span></span>
                        </p>
                    </div>
                    <div class="fnLayer">
                    	
                    </div>
                </li>
            	<li class="itemList">
                	<a href="javascript:void(0);" class="thumbLink"><span class="imgWrapper"><img src="img/sample_thumb1.gif" alt="" class="thumb"></span></a>
                    <div class="itemContent">
                    	<p class="nameLoc">
                        	<span class="authorText">서명희</span>
                            <span class="regidate">12.12.06</span>
                        </p>
                        <a href="javascript:void(0);" class="titleLoc topicLoc"><span class="typeBox">토픽</span>내가 함께 일하고 싶은 회사동료, 상사의 모습은?</a>
                        <p class="contentLoc">본인의 의견을 존중해주는 문화, 서로 헐뜯지 않는 조직, 부하의 잘못을 너그럽게 용서하는 상하관계, 회사 발전을 위해...<a href="javascript:void(0);" class="moreLink">더보기</a></p>
                        <p class="picLoc" style="display:none"></p>
                        <p class="tagLoc">조직문화, 리더십</p>
                        <p class="infoLoc">
                        	<a href="javascript:void(0);" class="infoText"><i class="ico_item reply"></i>댓글<span class="infoNum">5</span></a>
                            <span class="barText">|</span>
                            <a href="javascript:void(0);" class="infoText"><i class="ico_item feedback"></i>피드백<span class="infoNum">13</span></a>
                            <span class="barText">|</span>
                            <span class="infoText">스크랩<span class="infoNum">5</span></span>
                        </p>
                    </div>
                </li>
            	<li class="itemList">
                	<a href="javascript:void(0);" class="thumbLink"><span class="imgWrapper"><img src="img/sample_thumb1.gif" alt="" class="thumb"></span></a>
                    <div class="itemContent">
                    	<p class="nameLoc">
                        	<span class="authorText">서명희</span>
                            <span class="regidate">12.12.06</span>
                        </p>
                        <a href="javascript:void(0);" class="titleLoc" style="display:none"></a>
                        <p class="contentLoc">지난 금요일에 팀 워크샵으로 석모도에 다녀왔습니다. 날씨도 좋고, 경치도 좋고, 음식도 맛있었어요 아이맛있어...<a href="javascript:void(0);" class="moreLink">더보기</a></p>
                        <p class="picLoc">
                        	<a href="javascript:void(0);" class="picLink"><span class="imgWrapper"><img src="img/sample_pic1.gif" alt=""></span></a>
                        	<a href="javascript:void(0);" class="picLink"><span class="imgWrapper"><img src="img/sample_pic2.gif" alt=""></span></a>
                        	<a href="javascript:void(0);" class="picLink"><span class="imgWrapper"><img src="img/sample_pic3.gif" alt=""></span></a>
                        	<a href="javascript:void(0);" class="picLink"><span class="imgWrapper"><img src="img/sample_pic4.gif" alt=""></span></a>
                        	<a href="javascript:void(0);" class="picLink"><span class="imgWrapper"><img src="img/sample_pic5.gif" alt=""></span></a>
                        	<a href="javascript:void(0);" class="picLink"><span class="imgWrapper"><img src="img/sample_pic6.gif" alt=""></span></a>
                        </p>
                        <p class="tagLoc">워크샵, 석모도</p>
                        <p class="infoLoc">
                        	<a href="javascript:void(0);" class="infoText"><i class="ico_item reply"></i>댓글<span class="infoNum">5</span></a>
                            <span class="barText">|</span>
                            <a href="javascript:void(0);" class="infoText"><i class="ico_item feedback"></i>피드백<span class="infoNum">13</span></a>
                            <span class="barText">|</span>
                            <span class="infoText">스크랩<span class="infoNum">5</span></span>
                        </p>
                    </div>
                </li>
            	<li class="itemList">
                	<a href="javascript:void(0);" class="thumbLink"><span class="imgWrapper"><img src="img/sample_thumb1.gif" alt="" class="thumb"></span></a>
                    <div class="itemContent">
                    	<p class="nameLoc">
                        	<span class="authorText">서명희</span>
                            <span class="regidate">12.12.06</span>
                        </p>
                        <a href="javascript:void(0);" class="titleLoc"><span class="typeBox">SOS</span>신입사원이 읽어야 할 책 중에 얇고 만화 많은 것으로 추천해주세요</a>
                        <p class="contentLoc">안녕하십니까? 저는 지금 외국계(일본계)금융회사에서 수출입업무 부서에 채용되어 첫 출근을 앞두고 있습니다. 책을 읽을래여...<a href="javascript:void(0);" class="moreLink">더보기</a></p>
                        <p class="picLoc" style="display:none"></p>
                        <p class="tagLoc">대화법, 직장생활</p>
                        <p class="infoLoc">
                        	<a href="javascript:void(0);" class="infoText"><i class="ico_item answer"></i>답변<span class="infoNum">13</span></a>
                            <span class="barText">|</span>
                            <a href="javascript:void(0);" class="infoText"><i class="ico_item useful"></i>유용해요<span class="infoNum">3</span></a>
                        </p>
                    </div>
                </li>
            </ul>
        </div>
    </div>
</div>
	<script>
	//header 높이 44 (기기별 테스트 필요) & 진도모바일 대용량컨텐츠 부분 참조
	var vHeight = $(window).outerHeight()-44; 
    var oScroll = new jindo.m.Scroll("sView", {bUseMomentum : false ,nHeight : vHeight, bUsePullDown : true, bAutoResize : true});
    </script>
</body>
</html>